body   
{  
  margin: 0;  
  padding: 0;  
  background: #1d1d1d;  
  font-family: "Lucida Grande", Verdana, sans-serif;  
  font-size: 100%;  
} 

#content
{
  margin: 10px;
  width: 970px;
  padding: 10px;
  float: right;
}

#content-main
{
  float: left;
  width: 745px;
  color: #fff;
}

/** styles for sliding category navigation **/

#categories
{
  float: left;
  width: 225px;
/*  position:relative;
  top:200px;
  left:200px;*/
}

#categories h2
{ 
  color: #999;
  margin-bottom: 0; 
  margin-left:13px;
  height:40px;
}

#nav-hide
{
  position:absolute;
  top:30px;
  left:-190px;
}

ul#sliding-navigation
{
  list-style: none;
  font-size: .75em;
  margin: 30px 0;
  padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
  display: block;
  width: 150px;
  padding: 5px 18px;
  margin: 0;
  margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
  color: #fff;
  background:#333 url( ../images/categories_nav_bg.jpg ) repeat-y;
  font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
  color: #999;
  background:#222 url( ../images/categories_nav_tab_bg.jpg ) repeat-y;
  border: 1px solid #1a1a1a;
  text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }